<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    {% block head %}

    {% endblock %}
    <link
            rel="stylesheet"
            href="https://cdn.bootcss.com/font-awesome/5.11.2/css/all.css"
    />

    <link rel="stylesheet" href="/static/css/detail.css">
    <link rel="stylesheet" href="/static/css/style.css">
    <link rel="stylesheet" href="/static/css/media.css">

    <script src="/static/js/lib/scrollReveal/scrollreveal.min.js"></script>
</head>
<body>
<!--header 导航条-->

<header>
    <nav>
        <div class="info">
            <a href="/index/">
                <img src="/static/media/monkey.jpg" id="logo" alt="">
                <p class="name">Yedi Zhang< 全栈/>工程师</p>
            </a>
        </div>
        <ul class="menu">
            <li><a href="/index/">博客</a></li>
            <li><a href="/">资源导航</a></li>
            <li><a href="/post_list/?classify=1">前端学习</a></li>
            <li><a href="/post_list/?classify=2">后端学习</a></li>
            <li><a href="https://github.com/ZhangYedi-cmd">GitHub</a></li>
            <li>
                <span class="check"></span>
                <div class="white">
                    🌜
                </div>
                <div class="black">
                    🌞
                </div>
            </li>
        </ul>
        <div class="burger">
            <span class="top"></span>
            <span class="middle"></span>
            <span class="bottom-"></span>
        </div>
    </nav>
</header>

{% block main-wrapper %}

{% endblock %}

{% block footer %}
{% endblock %}


<script src="/static/js/lib/smooth-scroll/smooth-scroll.polyfills.min.js"></script>
<script src="/static/js/lib/anime/anime.min.js"></script>
<script src="/static/js/lib/jquery/jquery.min.js"></script>
<script src="/static/js/index.js"></script>
</body>
</html>